<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>旧件回收系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/html/huishou-details.css">
		<!--App自定义的css-->
		<!--<link rel="stylesheet" type="text/css" href="../css/app.css"/>-->
		<style type="text/css">
			.mui-content>.mui-table-view:first-child {
				margin-top: -1px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">旧件回收</h1>
			<a class=" mui-pull-right ">
					<div class="mui-pull-right-divs">
						提交
					</div>
			</a>

		</header>
		<!--下拉刷新容器-->
		<div class="mui-content ">
			<div class="" id="movies">
				<!--数据列表-->
				<!--<ul class="mui-table-view"></ul>-->
				<div class="" >
					<div class="anJian-one-new">
						<div class="anJian-two-new">
							<div class="anJian-three-new">
								<div class="anJian-four-new">
									<p class="anjian-p-new mui-ellipsis"><span>案件编号:</span>&nbsp;&nbsp;<span class="anjian-p-two">{{moviesOne.a}}</span></p>
									<p class="anjian-p-new mui-ellipsis"><span>定损人&nbsp;&nbsp;&nbsp;&nbsp;:</span>&nbsp;&nbsp;<span class="anjian-p-two">{{moviesOne.b}}</span></p>
									<p class="anjian-p-new mui-ellipsis"><span>回收公司:</span>&nbsp;&nbsp;<span class="anjian-p-two">{{moviesOne.c}}</span></p>
								</div>
								<div class="anJian-five-new">
									<p class="times-div">{{moviesOne.e}}</p>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				
				<div class="" >
					<div class="anJian-one" v-for="item in movies">
						<div class="anJian-two">
							<div class="anJian-three">
								<div class="anJian-four">
									<p class="anjian-p mui-ellipsis"><span>旧件名称:</span>&nbsp;&nbsp;<span class="anjian-p-two">{{item.a}}</span></p>
								</div>
								<div class="anJian-five">
								</div>
							</div>
							<div class="anJian-six">
									<textarea name="" rows="" cols="" placeholder="写点备注..."></textarea>
									<div class="">
										<img src="images/1.png" alt="" />
										<img src="images/1.png" alt="" />
										<img src="images/1.png" alt="" />
										<img src="images/1.png" alt="" />
										<img src="images/1.png" alt="" />
									</div>
							</div>
						</div>
					</div>
				</div>
				
				
				
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/vue.min.js"></script>

		<script>
			//Vue数据
			var data_movies = new Vue({
				el: '#movies',
				data: {
					movies:[],
					moviesOne: {},
				}
			});

			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			getSBstatu_baojing_Page()
			// 获取 分页数据  
			function getSBstatu_baojing_Page() {
				var data = "";

				//				var dataone = {
				//					"userId": userId,
				//					"alarmStatu": ids,
				//					"pageNo": pageNo,
				//				};
				//				$.ajax({
				//					type: "POST",
				//					url: urlHear + "/cms/webpage/api/getAlarmList.jsp",
				//					data: dataone,
				//					contentType: 'application/json',
				//					dataType: "json",
				//					success: function(datas) {
				var datas = {
					"pageTotal": 10,
					"id": 1, // id
					"a": "H24546", // 公司编号
					"b": "王小丽", // 人员名称
					"c": "南京环保回收有限公司", //公司名称
					"d": "1", // 回收状态
					"e": "2018-06-28", //时间
					"f": "1", //收藏状态
					"g": "",
					"data": [{
							"id": 1, // id
							"a": "H24546", // 公司编号
							"b": "王小丽", // 人员名称
							"c": "南京环保回收有限公司", //公司名称
							"d": "1", // 回收状态
							"e": "2018-06-28", //时间
							"f": "1", //收藏状态
							"g": "",
						}
					]
				}
				data = datas;
				data_movies.moviesOne = convertOne(data);
				data_movies.movies = data_movies.movies.concat(convert(data));
				return data;

			}

			//数据转换
			function convert(data) {
				var newItems = [];
				//遍历items
				for(var i = 0; i < data.data.length; i++) {
					newItems.push({
						id: data.data[i].id,
						a: data.data[i].a,
						b: data.data[i].b,
						c: data.data[i].c,
						d: data.data[i].d,
						e: data.data[i].e,
						f: 7,
					});
				}
				console.log(newItems);
				return newItems;
			}

			//数据转换
			function convertOne(data) {
				var newItems ={};
				//遍历items

				newItems = {
					id: data.id,
					a: data.a,
					b: data.b,
					c: data.c,
					d: data.d,
					e: data.e,
					f: 7,
				}

				return newItems;
			}
		</script>
	</body>

</html>